
<!DOCTYPE HTML>
<html lang="zh-hans" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>7.1Form Kit简介 · 元服务开发实践</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="">
        <meta name="generator" content="GitBook 3.2.3">
        <meta name="author" content="坚果派">
        
        
    
    <link rel="stylesheet" href="../gitbook/style.css">

    
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-splitter/splitter.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-tbfed-pagefooter/footer.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-expandable-chapters/expandable-chapters.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-chapter-fold/chapter-fold.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-back-to-top-button/plugin.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-code/plugin.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-pageview-count/plugin.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-search-plus/search.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-mind-maps/mindmaps.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-emphasize/plugin.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-anchors/plugin.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-ace/ace.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-highlight/website.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-fontsettings/website.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-theme-lou/lou.css">
                
            
        

    

    
        
        <link rel="stylesheet" href="../styles/website.css">
        
    

        
    
    
    
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
    <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">

    
    

    <style>
    @media only screen and (max-width: 640px) {
        .book-header .hidden-mobile {
            display: none;
        }
    }
    </style>
    <script>
        window["gitbook-plugin-github-buttons"] = {"repo":"jianguo888/docsify","types":["star","watch","fork"],"size":"small"};
    </script>

    </head>
    <body>
         
<div class="donate-modal modal">
  <div class="modal-header">
    <div>
      <span>
        <img
          id="modal-avatar"
          class="modal-avatar"
          src="https://luckly007.oss-cn-beijing.aliyuncs.com/uPic/avatar.jpg"
        />
      </span>
      <span id="nickname"> 坚果 </span>
      <p class="modal-close close" onclick="closeDonateModal()">×</p>
    </div>
    <div class="message">
      <div class="tip">
        <i></i>
        <span>随意打赏，但不要超过一顿早餐钱 💕</span>
      </div>
    </div>
  </div>
  <div class="modal-content">
    <div class="modal-pay-way">
      <div id="wxpay" onclick="showDonateImg(0)">
        <input
          type="radio"
          name="pay-way"
          value="wxpay"
          class="zs-type"
          checked="checked"
        />
        <span>
          <img
            id="wxpay-logo"
            src=""
          />
        </span>
      </div>
      <div id="alipay" onclick="showDonateImg(1)">
        <input type="radio" name="pay-way" value="alipay" class="zs-type" />
        <span>
          <img
            id="alipay-logo"
            src=""
          />
        </span>
      </div>
    </div>
    <div class="modal-pay-qrcode">
      <img id="wxpay-code" src="https://luckly007.oss-cn-beijing.aliyuncs.com/img/image-20210922202901895.png" />
      <img
        id="alipay-code"
        src="https://luckly007.oss-cn-beijing.aliyuncs.com/img/image-20210922202843746.png"
        hidden
      />
    </div>
  </div>
</div>
<div class="mask"></div>


<div class="book">
  <div class="header-inner">
    <!-- LOGO -->
    <div class="logo"></div>
    <span class="title"></span>

    <!-- Search -->
    
<div id="book-search-input" role="search">
    <input type="text" placeholder="输入并搜索" />
</div>


    <!-- Nav -->
    <ul class="header-nav">
      <li>
        <a href="https://www.gitbook.com/" target="_blank">坚果派官网</a>
      </li><li>
        <a href="https://www.npmjs.com/package/package" target="_blank">ArkUI实战</a>
      </li><li>
        <a href="https://space.bilibili.com/480883651" target="_blank">HarmonyOS NEXT应用开发</a>
      </li><li>
        <a href="https://blog.51cto.com/jianguo" target="_blank">OpenHarmony应用开发</a>
      </li>
    </ul>
  </div>

  <div class="book-summary">
    <div class="book-summary-title">文档目录</div>
     
    <nav role="navigation">


<ul class="summary">
    
    

    

    
        
        
    
        <li class="chapter " data-level="1.1" data-path="../">
            
                <a href="../">
            
                    
                    1.前言
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2" data-path="../chapter2/Why.html">
            
                <a href="../chapter2/Why.html">
            
                    
                    2.为什么要这个专栏？
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.3" >
            
                <span>
            
                    
                    3.元服务概述
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.3.1" data-path="../chapter3/3.1什么是元服务.html">
            
                <a href="../chapter3/3.1什么是元服务.html">
            
                    
                    3.1什么是元服务
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.3.2" data-path="../chapter3/3.2元服务特征以及使用场景.html">
            
                <a href="../chapter3/3.2元服务特征以及使用场景.html">
            
                    
                    3.2元服务特征及使用场景
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.3.3" data-path="../chapter3/3.3元服务程序包基础知识.html">
            
                <a href="../chapter3/3.3元服务程序包基础知识.html">
            
                    
                    3.3元服务程序包基础知识
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.4" data-path="../chapter4/SUMMARY.html">
            
                <a href="../chapter4/SUMMARY.html">
            
                    
                    4.元服务开发流程
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.4.1" data-path="../chapter4/4.1开发前.html">
            
                <a href="../chapter4/4.1开发前.html">
            
                    
                    4.1开发前
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.2" data-path="../chapter4/4.2开发中.html">
            
                <a href="../chapter4/4.2开发中.html">
            
                    
                    4.2开发中
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.3" data-path="../chapter4/4.3打包.html">
            
                <a href="../chapter4/4.3打包.html">
            
                    
                    4.3打包
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.4" data-path="../chapter4/4.4测试.html">
            
                <a href="../chapter4/4.4测试.html">
            
                    
                    4.4测试
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.5" data-path="../chapter4/上架.md">
            
                <span>
            
                    
                    4.5上架
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.5" >
            
                <span>
            
                    
                    5.开发第一个元服务
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.5.1" data-path="../chapter5/5.1创建元服务工程.html">
            
                <a href="../chapter5/5.1创建元服务工程.html">
            
                    
                    5.1创建元服务工程
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.2" data-path="../chapter5/5.2生成元服务图标.html">
            
                <a href="../chapter5/5.2生成元服务图标.html">
            
                    
                    5.2生成元服务图标
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.3" data-path="../chapter5/5.3构建元服务页面.html">
            
                <a href="../chapter5/5.3构建元服务页面.html">
            
                    
                    5.3构建元服务页面
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.4" data-path="../chapter5/5.4新建元服务卡片.html">
            
                <a href="../chapter5/5.4新建元服务卡片.html">
            
                    
                    5.4新建元服务卡片
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.5" data-path="../chapter5/5.5使用真机运行元服务.html">
            
                <a href="../chapter5/5.5使用真机运行元服务.html">
            
                    
                    5.5使用真机运行元服务
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.6" >
            
                <span>
            
                    
                    6.元服务开发
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.6.1" data-path="../chapter6/6.1元服务开发准备.html">
            
                <a href="../chapter6/6.1元服务开发准备.html">
            
                    
                    6.1元服务开发准备
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.2" data-path="../chapter6/6.2元服务框架开发.html">
            
                <a href="../chapter6/6.2元服务框架开发.html">
            
                    
                    6.2元服务框架开发
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.3" data-path="../chapter6/6.3UI开发.html">
            
                <a href="../chapter6/6.3UI开发.html">
            
                    
                    6.3UI开发
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.4" data-path="../chapter6/6.4服务卡片开发.html">
            
                <a href="../chapter6/6.4服务卡片开发.html">
            
                    
                    6.4服务卡片开发
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.5" data-path="../chapter6/6.5基础能力开发.html">
            
                <a href="../chapter6/6.5基础能力开发.html">
            
                    
                    6.5基础能力开发
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.6" data-path="../chapter6/6.6经营履约能力开发.html">
            
                <a href="../chapter6/6.6经营履约能力开发.html">
            
                    
                    6.6经营履约能力开发
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.7" >
            
                <span>
            
                    
                    7.服务卡片开发
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter active" data-level="1.7.1" data-path="7.1Form Kit简介.html">
            
                <a href="7.1Form Kit简介.html">
            
                    
                    7.1Form Kit简介
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.2" >
            
                <span>
            
                    
                    7.2ArkTS卡片运行机制
            
                </span>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.3" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-modules-V5">
            
                    
                    7.3ArkTS卡片相关模块
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.4" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-creation-V5">
            
                    
                    7.4创建一个ArkTS卡片
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.5" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-configuration-V5">
            
                    
                    7.5配置卡片的配置文件
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.6" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-lifecycle-V5">
            
                    
                    7.6卡片生命周期管7.6卡片生命周期管理理
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.7" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-page-V5">
            
                    
                    7.7开发卡片页面
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.8" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-event-V5">
            
                    
                    7.8开发卡片事件
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.9" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-interaction-V5">
            
                    
                    7.9卡片数据交互
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.8" >
            
                <span>
            
                    
                    8.金额转大写实战
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.8.1" data-path="../chapter8/8.1金额转大写.html">
            
                <a href="../chapter8/8.1金额转大写.html">
            
                    
                    8.1
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.9" >
            
                <span>
            
                    
                    9.运行调试元服务
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.9.1" data-path="../chapter9/9.1调试元服务">
            
                <span>
            
                    
                    9.1调试元服务
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.10" >
            
                <span>
            
                    
                    10.发布元服务
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.10.1" data-path="../chapter10/10.1元服务审核指南">
            
                <span>
            
                    
                    10.1元服务审核指南
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.2" >
            
                <span>
            
                    
                    10.2发布前自检
            
                </span>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.3" >
            
                <span>
            
                    
                    10.3 打包发布版本
            
                </span>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.4" >
            
                <span>
            
                    
                    10.4邀请测试
            
                </span>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.5" >
            
                <span>
            
                    
                    10.5元服务备案
            
                </span>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.6" >
            
                <span>
            
                    
                    10.6发布元服务
            
                </span>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.11" >
            
                <span>
            
                    
                    11.FAQ
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.11.1" data-path="../chapter11/11.1元服务是什么？.html">
            
                <a href="../chapter11/11.1元服务是什么？.html">
            
                    
                    11.1元服务是什么？和App什么关系？
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.2" data-path="../chapter11/11.2元服务与App、卡片、小程序有什么区别.html">
            
                <a href="../chapter11/11.2元服务与App、卡片、小程序有什么区别.html">
            
                    
                    11.2元服务与App、卡片、小程序有什么区别？
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.3" data-path="../chapter11/11.3开发App和开发元服务如何选择？.html">
            
                <a href="../chapter11/11.3开发App和开发元服务如何选择？.html">
            
                    
                    11.3开发App和开发元服务如何选择？
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.4" data-path="../chapter11/11.4开发了App，再开发元服务有什么价值.html">
            
                <a href="../chapter11/11.4开发了App，再开发元服务有什么价值.html">
            
                    
                    11.4开发了App，再开发元服务有什么价值？
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.5" data-path="../chapter11/11.5对接华为支付的关键信息.html">
            
                <a href="../chapter11/11.5对接华为支付的关键信息.html">
            
                    
                    11.5对接华为支付的关键信息
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.12" >
            
                <span>
            
                    
                    12.基础能力开发
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.12.1" data-path="../chapter12/12.1网络.html">
            
                <a href="../chapter12/12.1网络.html">
            
                    
                    12.1网络
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.2" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-database-V5">
            
                    
                    数据
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.3" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-file-development-V5">
            
                    
                    文件
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.4" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-audio-development-V5">
            
                    
                    音视频
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.5" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-avsession-development-V5">
            
                    
                    媒体会话
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.6" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-camera-V5">
            
                    
                    相机
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.7" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-media-library-development-V5">
            
                    
                    媒体库
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.8" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-image-development-V5">
            
                    
                    图片
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.9" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-window-development-V5">
            
                    
                    窗口
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.10" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-device-management-V5">
            
                    
                    设备管理
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.11" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-connectivity-V5">
            
                    
                    基础通信
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.12" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-contacts-V5">
            
                    
                    联系人
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.13" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-web-development-V5">
            
                    
                    Web
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.14" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-service-sharing-V5">
            
                    
                    元服务分享
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.15" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-ai-development-V5">
            
                    
                    AI能力
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.16" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-health-service-development-V5">
            
                    
                    运动健康
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.17" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-cloud-foundation-development-V5">
            
                    
                    云开发
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.18" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-security-development-V5">
            
                    
                    安全
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.19" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-localization-V5">
            
                    
                    本地化开发服务
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.20" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-backgroundtask-V5">
            
                    
                    长时任务
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.21" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-log-development-V5">
            
                    
                    日志
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.22" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-arkts-utils-V5">
            
                    
                    ArkTS语言基础类库
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.23" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-arkxtest-guidelines-V5">
            
                    
                    自动化测试
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.13" >
            
                <span>
            
                    
                    13.经营履约能力开发
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.13.1" data-path="../chapter13/13.1Account Kit.html">
            
                <a href="../chapter13/13.1Account Kit.html">
            
                    
                    13.1账号
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.13.2" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-push-development-V5">
            
                    
                    推送
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.13.3" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-code-scan-development-V5">
            
                    
                    扫码
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.13.4" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-location-development-V5">
            
                    
                    位置
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.13.5" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-map-development-V5">
            
                    
                    地图
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.13.6" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-payment-development-V5">
            
                    
                    支付
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.13.7" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-iap-development-V5">
            
                    
                    应用内支付
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.13.8" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-ads-development-V5">
            
                    
                    广告
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.13.9" >
            
                <a target="_blank" href="https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-scenariofusion-development-V5">
            
                    
                    场景化组件
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    

    

    <li class="divider"></li>

    <li>
        <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
            本书使用 GitBook 发布
        </a>
    </li>
</ul>

</nav>
     
  </div>

  <!-- Content nav -->
  <div class="book-anchor">
    <div class="book-anchor-title"></div>

    <div class="book-anchor-body"></div>
  </div>

  <div class="book-body">
    
    <div class="body-inner">
       

<div class="book-header" role="navigation">
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href=".." >7.1Form Kit简介</a>
    </h1>
</div>



      <div class="page-wrapper" tabindex="-1" role="main">
        <div class="page-inner">
          
<div class="search-plus" id="book-search-results">
    <div class="search-noresults">
    
          <section class="normal markdown-section">
             
                <div id="vip-container">
                    <h2 id="&#x751F;&#x6210;&#x5143;&#x670D;&#x52A1;&#x56FE;&#x6807;"><a name="&#x751F;&#x6210;&#x5143;&#x670D;&#x52A1;&#x56FE;&#x6807;" class="plugin-anchor" href="#&#x751F;&#x6210;&#x5143;&#x670D;&#x52A1;&#x56FE;&#x6807;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x751F;&#x6210;&#x5143;&#x670D;&#x52A1;&#x56FE;&#x6807;</h2>
<p>Form Kit&#xFF08;&#x5361;&#x7247;&#x5F00;&#x53D1;&#x670D;&#x52A1;&#xFF09;&#x63D0;&#x4F9B;&#x4E00;&#x79CD;&#x754C;&#x9762;&#x5C55;&#x793A;&#x5F62;&#x5F0F;&#xFF0C;&#x53EF;&#x4EE5;&#x5C06;&#x5E94;&#x7528;&#x7684;&#x91CD;&#x8981;&#x4FE1;&#x606F;&#x6216;&#x64CD;&#x4F5C;&#x524D;&#x7F6E;&#x5230;&#x670D;&#x52A1;&#x5361;&#x7247;&#xFF08;&#x4EE5;&#x4E0B;&#x7B80;&#x79F0;&#x201C;&#x5361;&#x7247;&#x201D;&#xFF09;&#xFF0C;&#x4EE5;&#x8FBE;&#x5230;&#x670D;&#x52A1;&#x76F4;&#x8FBE;&#x3001;&#x51CF;&#x5C11;&#x8DF3;&#x8F6C;&#x5C42;&#x7EA7;&#x7684;&#x4F53;&#x9A8C;&#x6548;&#x679C;&#x3002;&#x5361;&#x7247;&#x5E38;&#x7528;&#x4E8E;&#x5D4C;&#x5165;&#x5230;&#x5176;&#x4ED6;&#x5E94;&#x7528;&#xFF08;&#x5F53;&#x524D;&#x88AB;&#x5D4C;&#x5165;&#x65B9;&#x5373;&#x5361;&#x7247;&#x4F7F;&#x7528;&#x65B9;&#x53EA;&#x652F;&#x6301;&#x7CFB;&#x7EDF;&#x5E94;&#x7528;&#xFF0C;&#x4F8B;&#x5982;&#x684C;&#x9762;&#xFF09;&#x4E2D;&#x4F5C;&#x4E3A;&#x5176;&#x754C;&#x9762;&#x663E;&#x793A;&#x7684;&#x4E00;&#x90E8;&#x5206;&#xFF0C;&#x5E76;&#x652F;&#x6301;&#x62C9;&#x8D77;&#x9875;&#x9762;&#x3001;&#x53D1;&#x9001;&#x6D88;&#x606F;&#x7B49;&#x57FA;&#x7840;&#x7684;&#x4EA4;&#x4E92;&#x80FD;&#x529B;&#x3002;</p>
<h2 id="&#x670D;&#x52A1;&#x5361;&#x7247;&#x67B6;&#x6784;"><a name="&#x670D;&#x52A1;&#x5361;&#x7247;&#x67B6;&#x6784;" class="plugin-anchor" href="#&#x670D;&#x52A1;&#x5361;&#x7247;&#x67B6;&#x6784;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x670D;&#x52A1;&#x5361;&#x7247;&#x67B6;&#x6784;</h2>
<p><strong>&#x56FE;1</strong> &#x670D;&#x52A1;&#x5361;&#x7247;&#x67B6;&#x6784;</p>
<p><img src="https://luckly007.oss-cn-beijing.aliyuncs.com/uPic/0000000000011111111.20241101135015.44678491984439519624249944022314:50001231000000:2800:015BDA22976F29E487B3480E65285BBA40C817FF6BDAAA63F992A818DBDDE928.png" alt="img"></p>
<p>&#x5361;&#x7247;&#x7684;&#x57FA;&#x672C;&#x6982;&#x5FF5;&#xFF1A;</p>
<ul>
<li>&#x5361;&#x7247;&#x4F7F;&#x7528;&#x65B9;&#xFF1A;&#x5982;&#x4E0A;&#x56FE;&#x4E2D;&#x7684;&#x684C;&#x9762;&#xFF0C;&#x663E;&#x793A;&#x5361;&#x7247;&#x5185;&#x5BB9;&#x7684;&#x5BBF;&#x4E3B;&#x5E94;&#x7528;&#xFF0C;&#x63A7;&#x5236;&#x5361;&#x7247;&#x5728;&#x5BBF;&#x4E3B;&#x4E2D;&#x5C55;&#x793A;&#x7684;&#x4F4D;&#x7F6E;&#x3002;<ul>
<li>&#x5E94;&#x7528;&#x56FE;&#x6807;&#xFF1A;&#x5E94;&#x7528;&#x5165;&#x53E3;&#x56FE;&#x6807;&#xFF0C;&#x70B9;&#x51FB;&#x540E;&#x53EF;&#x62C9;&#x8D77;&#x5E94;&#x7528;&#x8FDB;&#x7A0B;&#xFF0C;&#x56FE;&#x6807;&#x5185;&#x5BB9;&#x4E0D;&#x652F;&#x6301;&#x4EA4;&#x4E92;&#x3002;</li>
<li>&#x5361;&#x7247;&#xFF1A;&#x5177;&#x5907;&#x4E0D;&#x540C;&#x89C4;&#x683C;&#x5927;&#x5C0F;&#x7684;&#x754C;&#x9762;&#x5C55;&#x793A;&#xFF0C;&#x5361;&#x7247;&#x7684;&#x5185;&#x5BB9;&#x53EF;&#x4EE5;&#x8FDB;&#x884C;&#x4EA4;&#x4E92;&#xFF0C;&#x5982;&#x5B9E;&#x73B0;&#x6309;&#x94AE;&#x8FDB;&#x884C;<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-event-formextensionability-V5" target="_blank">&#x754C;&#x9762;&#x7684;&#x5237;&#x65B0;</a>&#x3001;<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-event-router-V5" target="_blank">&#x5E94;&#x7528;&#x7684;&#x8DF3;&#x8F6C;</a>&#x7B49;&#x3002;</li>
</ul>
</li>
<li>&#x5361;&#x7247;&#x63D0;&#x4F9B;&#x65B9;&#xFF1A;&#x5305;&#x542B;&#x5361;&#x7247;&#x7684;&#x5E94;&#x7528;&#xFF0C;&#x63D0;&#x4F9B;&#x5361;&#x7247;&#x7684;&#x663E;&#x793A;&#x5185;&#x5BB9;&#x3001;&#x63A7;&#x4EF6;&#x5E03;&#x5C40;&#x4EE5;&#x53CA;&#x63A7;&#x4EF6;&#x70B9;&#x51FB;&#x5904;&#x7406;&#x903B;&#x8F91;&#x3002;<ul>
<li>FormExtensionAbility&#xFF1A;&#x5361;&#x7247;&#x4E1A;&#x52A1;&#x903B;&#x8F91;&#x6A21;&#x5757;&#xFF0C;&#x63D0;&#x4F9B;&#x5361;&#x7247;&#x521B;&#x5EFA;&#x3001;&#x9500;&#x6BC1;&#x3001;&#x5237;&#x65B0;&#x7B49;&#x751F;&#x547D;&#x5468;&#x671F;&#x56DE;&#x8C03;&#x3002;</li>
<li>&#x5361;&#x7247;&#x9875;&#x9762;&#xFF1A;&#x5361;&#x7247;UI&#x6A21;&#x5757;&#xFF0C;&#x5305;&#x542B;&#x9875;&#x9762;&#x63A7;&#x4EF6;&#x3001;&#x5E03;&#x5C40;&#x3001;&#x4E8B;&#x4EF6;&#x7B49;&#x663E;&#x793A;&#x548C;&#x4EA4;&#x4E92;&#x4FE1;&#x606F;&#x3002;</li>
</ul>
</li>
</ul>
<p>&#x5361;&#x7247;&#x7684;&#x5E38;&#x89C1;&#x4F7F;&#x7528;&#x6B65;&#x9AA4;&#x5982;&#x4E0B;&#xFF1A;</p>
<p><strong>&#x56FE;2</strong> &#x5361;&#x7247;&#x5E38;&#x89C1;&#x4F7F;&#x7528;&#x6B65;&#x9AA4;</p>
<p><img src="https://luckly007.oss-cn-beijing.aliyuncs.com/uPic/0000000000011111111.20241101135015.18638202493335439531786017298076:50001231000000:2800:5F34922026E7EA990A578545B8381B59BF355183B995B8F4B5E08ED0E27E563A.png" alt="img"></p>
<ol>
<li>&#x957F;&#x6309;&#x201C;&#x684C;&#x9762;&#x56FE;&#x6807;&#x201D;&#xFF0C;&#x5F39;&#x51FA;&#x64CD;&#x4F5C;&#x83DC;&#x5355;&#x3002;</li>
<li>&#x70B9;&#x51FB;&#x201C;&#x670D;&#x52A1;&#x5361;&#x7247;&#x201D;&#x9009;&#x9879;&#xFF0C;&#x8FDB;&#x5165;&#x5361;&#x7247;&#x9884;&#x89C8;&#x754C;&#x9762;&#x3002;</li>
<li>&#x70B9;&#x51FB;&#x201C;&#x6DFB;&#x52A0;&#x5230;&#x684C;&#x9762;&#x201D;&#x6309;&#x94AE;&#xFF0C;&#x5373;&#x53EF;&#x5728;&#x684C;&#x9762;&#x4E0A;&#x770B;&#x5230;&#x65B0;&#x6DFB;&#x52A0;&#x7684;&#x5361;&#x7247;&#x3002;</li>
</ol>
<h2 id="&#x4EAE;&#x70B9;&#x7279;&#x5F81;"><a name="&#x4EAE;&#x70B9;&#x7279;&#x5F81;" class="plugin-anchor" href="#&#x4EAE;&#x70B9;&#x7279;&#x5F81;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x4EAE;&#x70B9;/&#x7279;&#x5F81;</h2>
<ul>
<li>&#x670D;&#x52A1;&#x76F4;&#x8FBE;&#xFF1A;&#x5C06;&#x5143;&#x670D;&#x52A1;/&#x5E94;&#x7528;&#x7684;&#x91CD;&#x8981;&#x4FE1;&#x606F;&#x4EE5;&#x5361;&#x7247;&#x5F62;&#x5F0F;&#x5C55;&#x793A;&#x5728;&#x684C;&#x9762;&#xFF0C;&#x7528;&#x6237;&#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x5FEB;&#x6377;&#x624B;&#x52BF;&#x4F7F;&#x7528;&#x5361;&#x7247;&#xFF0C;&#x901A;&#x8FC7;&#x8F7B;&#x91CF;&#x4EA4;&#x4E92;&#x884C;&#x4E3A;&#x5B9E;&#x73B0;&#x670D;&#x52A1;&#x76F4;&#x8FBE;&#x3001;&#x51CF;&#x5C11;&#x5C42;&#x7EA7;&#x8DF3;&#x8F6C;&#x7684;&#x76EE;&#x7684;&#x3002;</li>
<li>&#x6C38;&#x4E45;&#x5728;&#x7EBF;&#xFF1A;&#x63D0;&#x4F9B;&#x5B9A;&#x65F6;&#x3001;&#x4EE3;&#x7406;&#x7B49;&#x591A;&#x79CD;&#x5361;&#x7247;&#x5237;&#x65B0;&#x673A;&#x5236;&#xFF0C;&#x5B9E;&#x73B0;&#x5361;&#x7247;&#x6C38;&#x4E45;&#x5728;&#x7EBF;&#x3002;</li>
<li>&#x53D7;&#x9650;&#x7BA1;&#x63A7;&#xFF1A;&#x5361;&#x7247;&#x652F;&#x6301;&#x7684;&#x7EC4;&#x4EF6;&#x3001;&#x4E8B;&#x4EF6;&#x3001;&#x52A8;&#x6548;&#x3001;&#x6570;&#x636E;&#x7BA1;&#x7406;&#x3001;&#x72B6;&#x6001;&#x7BA1;&#x7406;&#x548C;API&#x80FD;&#x529B;&#x5747;&#x8FDB;&#x884C;&#x4E86;&#x4E00;&#x5B9A;&#x9650;&#x5236;&#xFF0C;&#x4FDD;&#x969C;&#x6027;&#x80FD;&#x3001;&#x529F;&#x8017;&#x53CA;&#x5B89;&#x5168;&#x53EF;&#x9760;&#x3002;</li>
</ul>
<h2 id="&#x5F00;&#x53D1;&#x6A21;&#x5F0F;"><a name="&#x5F00;&#x53D1;&#x6A21;&#x5F0F;" class="plugin-anchor" href="#&#x5F00;&#x53D1;&#x6A21;&#x5F0F;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x5F00;&#x53D1;&#x6A21;&#x5F0F;</h2>
<p>Form Kit&#x652F;&#x6301;Stage&#x5F00;&#x53D1;&#x6A21;&#x578B;</p>
<ul>
<li>Stage&#x6A21;&#x578B;&#x652F;&#x6301;ArkTS&#x8BED;&#x8A00;&#x5F00;&#x53D1;ArkTS&#x5361;&#x7247;&#x3002;</li>
</ul>
<p>ArkTS&#x5361;&#x7247;&#x4E0E;JS&#x5361;&#x7247;&#x5177;&#x5907;&#x4E0D;&#x540C;&#x7684;&#x5B9E;&#x73B0;&#x539F;&#x7406;&#x53CA;&#x7279;&#x5F81;&#xFF0C;&#x5728;&#x573A;&#x666F;&#x80FD;&#x529B;&#x4E0A;&#x7684;&#x5DEE;&#x5F02;&#x5982;&#x4E0B;&#x8868;&#x6240;&#x793A;&#x3002;</p>
<table>
<thead>
<tr>
<th>&#x7C7B;&#x522B;</th>
<th>ArkTS&#x5361;&#x7247;</th>
</tr>
</thead>
<tbody>
<tr>
<td>&#x5F00;&#x53D1;&#x8303;&#x5F0F;</td>
<td>&#x58F0;&#x660E;&#x5F0F;&#x8303;&#x5F0F;</td>
</tr>
<tr>
<td>&#x7EC4;&#x4EF6;&#x80FD;&#x529B;</td>
<td>&#x652F;&#x6301;</td>
</tr>
<tr>
<td>&#x5E03;&#x5C40;&#x80FD;&#x529B;</td>
<td>&#x652F;&#x6301;</td>
</tr>
<tr>
<td>&#x4E8B;&#x4EF6;&#x80FD;&#x529B;</td>
<td>&#x652F;&#x6301;</td>
</tr>
<tr>
<td>&#x81EA;&#x5B9A;&#x4E49;&#x52A8;&#x6548;</td>
<td>&#x652F;&#x6301;</td>
</tr>
<tr>
<td>&#x81EA;&#x5B9A;&#x4E49;&#x7ED8;&#x5236;</td>
<td>&#x652F;&#x6301;</td>
</tr>
<tr>
<td>&#x903B;&#x8F91;&#x4EE3;&#x7801;&#x6267;&#x884C;</td>
<td>&#x652F;&#x6301;</td>
</tr>
</tbody>
</table>
<h2 id="&#x4E0E;&#x76F8;&#x5173;kit&#x7684;&#x5173;&#x7CFB;"><a name="&#x4E0E;&#x76F8;&#x5173;kit&#x7684;&#x5173;&#x7CFB;" class="plugin-anchor" href="#&#x4E0E;&#x76F8;&#x5173;kit&#x7684;&#x5173;&#x7CFB;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x4E0E;&#x76F8;&#x5173;Kit&#x7684;&#x5173;&#x7CFB;</h2>
<ul>
<li>Ability Kit: Form Kit&#x5185;&#x90E8;&#x5B9E;&#x73B0;&#x4F9D;&#x8D56;Ability Kit&#x63D0;&#x4F9B;&#x7684;Extension&#x57FA;&#x7840;&#x80FD;&#x529B;&#xFF0C;&#x4E0E;Ability Kit&#x5B58;&#x5728;&#x751F;&#x547D;&#x5468;&#x671F;&#x8C03;&#x5EA6;&#x4EA4;&#x4E92;&#x3002;</li>
<li>ArkUI: Form Kit&#x5361;&#x7247;&#x63D0;&#x4F9B;&#x65B9;&#x5728;&#x5361;&#x7247;&#x9875;&#x9762;&#x4E2D;&#x53EF;&#x4EE5;&#x4F7F;&#x7528;ArkUI&#x63D0;&#x4F9B;&#x7684;&#x90E8;&#x5206;&#x7EC4;&#x4EF6;&#x3001;&#x4E8B;&#x4EF6;&#x3001;&#x52A8;&#x6548;&#x3001;&#x72B6;&#x6001;&#x7BA1;&#x7406;&#x7B49;&#x80FD;&#x529B;&#x3002;</li>
</ul>
<h2 id="&#x7EA6;&#x675F;&#x9650;&#x5236;"><a name="&#x7EA6;&#x675F;&#x9650;&#x5236;" class="plugin-anchor" href="#&#x7EA6;&#x675F;&#x9650;&#x5236;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x7EA6;&#x675F;&#x9650;&#x5236;</h2>
<p>&#x9488;&#x5BF9;ArkTS&#x5361;&#x7247;&#xFF0C;&#x4E3B;&#x8981;&#x5B58;&#x5728;&#x5982;&#x4E0B;&#x4F7F;&#x7528;&#x9650;&#x5236;&#xFF1A;</p>
<ul>
<li>&#x5F53;&#x5BFC;&#x5165;&#x6A21;&#x5757;&#x65F6;&#xFF0C;&#x4EC5;&#x652F;&#x6301;&#x5BFC;&#x5165;&#x6807;&#x8BC6;&#x201C;&#x652F;&#x6301;&#x5728;ArkTS&#x5361;&#x7247;&#x4E2D;&#x4F7F;&#x7528;&#x201D;&#x7684;&#x6A21;&#x5757;&#x3002;</li>
<li>&#x4EC5;&#x652F;&#x6301;<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-development-overview-V5" target="_blank">&#x58F0;&#x660E;&#x5F0F;&#x8303;&#x5F0F;</a>&#x7684;&#x90E8;&#x5206;&#x7EC4;&#x4EF6;&#x3001;&#x4E8B;&#x4EF6;&#x3001;&#x52A8;&#x6548;&#x3001;&#x6570;&#x636E;&#x7BA1;&#x7406;&#x3001;&#x72B6;&#x6001;&#x7BA1;&#x7406;&#x548C;API&#x80FD;&#x529B;&#x3002;</li>
<li>&#x5361;&#x7247;&#x7684;&#x4E8B;&#x4EF6;&#x5904;&#x7406;&#x548C;&#x4F7F;&#x7528;&#x65B9;&#x7684;&#x4E8B;&#x4EF6;&#x5904;&#x7406;&#x662F;&#x72EC;&#x7ACB;&#x7684;&#xFF0C;&#x5EFA;&#x8BAE;&#x5728;&#x4F7F;&#x7528;&#x65B9;&#x652F;&#x6301;&#x5DE6;&#x53F3;&#x6ED1;&#x52A8;&#x7684;&#x573A;&#x666F;&#x4E0B;&#x5361;&#x7247;&#x5185;&#x5BB9;&#x4E0D;&#x8981;&#x4F7F;&#x7528;&#x5DE6;&#x53F3;&#x6ED1;&#x52A8;&#x529F;&#x80FD;&#x7684;&#x7EC4;&#x4EF6;&#xFF0C;&#x4EE5;&#x9632;&#x624B;&#x52BF;&#x51B2;&#x7A81;&#x5F71;&#x54CD;&#x4EA4;&#x4E92;&#x4F53;&#x9A8C;&#x3002;</li>
<li>&#x6682;&#x4E0D;&#x652F;&#x6301;&#x5BFC;&#x5165;&#x5171;&#x4EAB;&#x5305;&#x53CA;&#x4F7F;&#x7528;native&#x8BED;&#x8A00;&#x5F00;&#x53D1;&#x3002;</li>
<li>&#x6682;&#x4E0D;&#x652F;&#x6301;&#x6781;&#x901F;&#x9884;&#x89C8;&#x3001;&#x65AD;&#x70B9;&#x8C03;&#x8BD5;&#x80FD;&#x529B;&#x3001;&#x70ED;&#x91CD;&#x8F7D;&#x53CA;&#x8BBE;&#x7F6E;&#x8D85;&#x65F6;&#x4EFB;&#x52A1;&#xFF08;setTimeOut&#xFF09;&#x7B49;&#x80FD;&#x529B; </li>
</ul>
<footer class="page-footer"><span class="copyright">powered by Gitbook</span><span class="footer-modification">&#x8BE5;&#x6587;&#x4EF6;&#x4FEE;&#x8BA2;&#x65F6;&#x95F4;&#xFF1A;
2024-11-06 09:04:44
</span></footer>
<script>console.log("plugin-popup....");document.onclick = function(e){ e.target.tagName === "IMG" && window.open(e.target.src,e.target.src)}</script><style>img{cursor:pointer}</style>
                </div>
                <script src="https://my.openwrite.cn/js/readmore.js"></script>
                <script>
                    var enablePlugin = false;
                    var allowDomain = "localhost";
                    if(allowDomain){
                        var currentDomain = location.hostname;
                        if ($.isArray(allowDomain)) {
                            $.each(allowDomain, function(index, item) {
                                if (currentDomain == item) {
                                    enablePlugin = true;
                                    return false;
                                }
                            });
                        }else{
                           if (currentDomain == allowDomain) {
                                enablePlugin = true;
                            }
                        }
                    }else{
                        enablePlugin = true;
                    }
                    
                    if(enablePlugin){
                        var isMobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
                        if (!isMobile) {
                            var btw = new BTWPlugin();
                            btw.init({"allowDomain":"localhost","blogId":"27976-1678928361372-483","name":"坚果派","qrcode":"https://luckly007.oss-cn-beijing.aliyuncs.com/images/image-20230316085818226.png","keyword":"鸿蒙坚果","id":"vip-container"});
                        }
                    }
                </script> 
          </section>
          
    </div>
    <div class="search-results">
        <div class="has-results">
            
            <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
            <ul class="search-results-list"></ul>
            
        </div>
        <div class="no-results">
            
            <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
            
        </div>
    </div>
</div>
 
          <div class="book-footer">
            
            <div class="donate">
              <div></div>
              <button class="donate-btn" onclick="showModal()">赞赏</button>
            </div>
             
          </div>
          
        </div>
      </div>
      
    </div>

        
  </div>
  <script>
    function showModal() {
      document.getElementsByClassName("mask")[0].style.display = "block";
      document.getElementsByClassName("donate-modal")[0].style.display =
        "block";
    }
    // 切换赞赏码
    function showDonateImg(num) {
      let alipay = "";
      let wxpay = ""
      if(num){
        wxpay = "hidden"
      }else{
        alipay = "hidden"
      }
      document.getElementById("wxpay-code").hidden = wxpay;
      document.getElementById("alipay-code").hidden = alipay;
      document.getElementsByName("pay-way")[num].checked = "checked";
    }

    // 关闭赞赏框
    function closeDonateModal() {
      document.getElementsByClassName("mask")[0].style.display = "none";
      document.getElementsByClassName("donate-modal")[0].style.display = "none";
    }

    var gitbook = gitbook || [];
    gitbook.push(function () {
      gitbook.page.hasChanged({"page":{"title":"7.1Form Kit简介","level":"1.7.1","depth":2,"next":{"title":"7.2ArkTS卡片运行机制","level":"1.7.2","depth":2,"ref":"","articles":[]},"previous":{"title":"7.服务卡片开发","level":"1.7","depth":1,"ref":"","articles":[{"title":"7.1Form Kit简介","level":"1.7.1","depth":2,"path":"chapter7/7.1Form Kit简介.md","ref":"./chapter7/7.1Form Kit简介.md","articles":[]},{"title":"7.2ArkTS卡片运行机制","level":"1.7.2","depth":2,"ref":"","articles":[]},{"title":"7.3ArkTS卡片相关模块","level":"1.7.3","depth":2,"url":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-modules-V5","ref":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-modules-V5","articles":[]},{"title":"7.4创建一个ArkTS卡片","level":"1.7.4","depth":2,"url":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-creation-V5","ref":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-creation-V5","articles":[]},{"title":"7.5配置卡片的配置文件","level":"1.7.5","depth":2,"url":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-configuration-V5","ref":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-configuration-V5","articles":[]},{"title":"7.6卡片生命周期管7.6卡片生命周期管理理","level":"1.7.6","depth":2,"url":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-lifecycle-V5","ref":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-lifecycle-V5","articles":[]},{"title":"7.7开发卡片页面","level":"1.7.7","depth":2,"url":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-page-V5","ref":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-page-V5","articles":[]},{"title":"7.8开发卡片事件","level":"1.7.8","depth":2,"url":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-event-V5","ref":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-event-V5","articles":[]},{"title":"7.9卡片数据交互","level":"1.7.9","depth":2,"url":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-interaction-V5","ref":"https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-ui-widget-interaction-V5","articles":[]}]},"dir":"ltr"},"config":{"plugins":["github-buttons@2.1.0","edit-link","splitter","tbfed-pagefooter","expandable-chapters","chapter-fold","back-to-top-button","code","pageview-count","popup","search-plus","-lunr","-search","splitter","-sharing","sharing-plus","theme-lou","mind-maps","emphasize","anchors","changyan","readmore","livereload","ace","livereload"],"root":".","styles":{"website":"styles/website.css"},"pluginsConfig":{"tbfed-pagefooter":{"modify_label":"该文件修订时间：","modify_format":"YYYY-MM-DD HH:mm:ss"},"chapter-fold":{},"pluginsConfig":{"expandable-chapters":{}},"emphasize":{},"ace":{},"livereload":{},"splitter":{},"readmore":{"allowDomain":"localhost","blogId":"27976-1678928361372-483","name":"坚果派","qrcode":"https://luckly007.oss-cn-beijing.aliyuncs.com/images/image-20230316085818226.png","keyword":"鸿蒙坚果"},"sharing-plus":{"qq":false,"all":["facebook","google","twitter","instapaper","linkedin","pocket","stumbleupon"],"douban":false,"facebook":true,"weibo":false,"instapaper":false,"whatsapp":false,"hatenaBookmark":false,"twitter":true,"messenger":false,"line":false,"vk":false,"pocket":true,"google":false,"viber":false,"stumbleupon":false,"qzone":false,"linkedin":false},"popup":{},"code":{"copyButtons":true},"theme-lou":{"hide-elements":[".summary .gitbook-link",".summary .divider"],"color":"#FF4848","book-anchor-title":"本章目录","copyright":{"author":"vx:nut_pie"},"forbidCopy":true,"logo":"assets/logo.png","book-summary-title":"文章目录","search-placeholder":"输入关键字搜索","copyrightLogo":"assets/copyright.png","favicon":"assets/avatar.png","appleTouchIconPrecomposed152":"assets/avatar.png"},"changyan":{"appid":"cyvHoCPAs","conf":"0440cfc4168ba95d73cfc52dd4d5c60b"},"fontsettings":{"theme":"white","family":"sans","size":2},"mind-maps":{},"highlight":{},"back-to-top-button":{},"pageview-count":{},"github-buttons":{"repo":"jianguo888/docsify","types":["star","watch","fork"],"size":"small"},"sharing":{"qq":false,"qzone":false,"weibo":false,"wechat":false,"all":["qq","qzone","weibo","wechat"]},"edit-link":{"label":"编辑此页","base":"https://atomgit.com/nutpi/atomic-service"},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false},"anchors":{},"expandable-chapters":{},"search-plus":{}},"theme":"default","author":"坚果派","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{"themeLou":{"nav":[{"target":"_blank","url":"https://www.gitbook.com/","name":"坚果派官网"},{"target":"_blank","url":"https://www.npmjs.com/package/package","name":"ArkUI实战"},{"target":"_blank","url":"https://space.bilibili.com/480883651","name":"HarmonyOS NEXT应用开发"},{"target":"_blank","url":"https://blog.51cto.com/jianguo","name":"OpenHarmony应用开发"}],"footer":{"donate":{"wechat":"https://luckly007.oss-cn-beijing.aliyuncs.com/img/image-20210922202901895.png","message":"随意打赏，但不要超过一顿早餐钱 💕","wxpay":"https://luckly007.oss-cn-beijing.aliyuncs.com/img/image-20210922202901895.png","alipay":"https://luckly007.oss-cn-beijing.aliyuncs.com/img/image-20210922202843746.png","nickname":"坚果","button":"打赏","wechatText":"微信","alipayText":"支付宝","title":"『赠人玫瑰 🌹 手有余香 』","avatar":"https://luckly007.oss-cn-beijing.aliyuncs.com/uPic/avatar.jpg"},"copyright":false}}},"title":"元服务开发实践","language":"zh-hans","gitbook":"*","description":"元服务开发实践电子书教程"},"file":{"path":"chapter7/7.1Form Kit简介.md","mtime":"2024-11-06T01:04:44.685Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2024-11-09T06:21:58.784Z"},"basePath":"..","book":{"language":""}});
    });
  </script>
</div>

        
    <script src="../gitbook/gitbook.js"></script>
    <script src="../gitbook/theme.js"></script>
    
        
        <script src="../gitbook/gitbook-plugin-github-buttons/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-edit-link/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-splitter/splitter.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-expandable-chapters/expandable-chapters.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-chapter-fold/chapter-fold.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-back-to-top-button/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-code/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-pageview-count/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-search-plus/jquery.mark.min.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-search-plus/search.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-sharing-plus/buttons.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-mind-maps/mindmaps.dist.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-changyan/changyan.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-livereload/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-ace/ace/ace.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-ace/ace.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-theme-lou/lou.js"></script>
        
    

    </body>
</html>

